<template>
	<view>
		<!-- 合同模板 -->
		<view class="bg-white p-2" v-if="ContractTemplates">
			<view class="text-orange text-center p-2" style="background-color: rgb(249,249,249);width: 150rpx;">
				<text>全部</text>
			</view>
			<view class="flex align-center" style="background-color: rgb(249,249,249);height: 250rpx;">
				<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
					<view class="flex align-center px-2" style="width: 2000rpx;height: 200rpx;">
						<uni-forms-item :label-width="100" label="模板名称" name="age">
							<view class="flex align-center">
								<uni-easyinput style="width: 400rpx;" class="mr-4" v-model="valiFormData.age"
									placeholder="请输入合同号/客户名称 进行搜索" />
							</view>
						</uni-forms-item>
						<uni-forms-item :label-width="50" label="类型" name="name">
							<uni-data-select empty-text="暂无发票单号" placeholder="请选择类型" v-model="Selectvalue"
								:localdata="range" @change="change"></uni-data-select>
						</uni-forms-item>
						<uni-forms-item>
							<view class="flex text-white">
								<view class="bg-orange p-2 px-3 ml-2" style="border-radius: 10rpx;">
									查询
								</view>
								<view class="bg-orange p-2 px-3 ml-2" style="border-radius: 10rpx;">
									重置
								</view>
							</view>
						</uni-forms-item>
					</view>
				</uni-forms>
			</view>
			<view class="flex mt-2">
				<view class="flex text-white">
					<view @click="addAuctionsales()" class="bg-orange p-2 px-3 mr-2" style="border-radius: 10rpx;">
						新增竞价销售合同模板
					</view>
					<view @click="addAuctionprocurement()" class="bg-orange p-2 px-3 mx-2"
						style="border-radius: 10rpx;">
						新增竞价采购合同模板
					</view>
				</view>
			</view>
			<!-- 表单 -->
			<view class="mt-2 flex flex-column">
				<view class="w-100 flex font-sm font-weight-bold"
					style="background-color: rgb(245,245,245);height: 100rpx;">
					<view class="text-center" style="width: 5%;line-height: 100rpx;">
						<label>
							<checkbox color="#fc7c08" value="cb" />
						</label>
					</view>
					<view class="text-center" style="width: 20%;line-height: 100rpx;">
						<text>序号</text>
					</view>
					<view class=" text-center" style="width: 20%;line-height: 100rpx;">
						<text>模板名称</text>
					</view>
					<view class=" text-center" style="width: 15%;line-height: 100rpx;">
						<text>类型</text>
					</view>
					<view class=" text-center" style="width: 20%;line-height: 100rpx;">
						<text>创建时间</text>
					</view>
					<view class=" text-center" style="width: 20%;line-height: 100rpx;">
						<text>操作</text>
					</view>
				</view>
				<view v-if="false" style="height: 200rpx;" class="w-100 flex justify-center align-center">
					暂无数据
				</view>
				<view v-else class="flex" style="height: 150rpx;border-bottom:2rpx solid rgb(221,221,211);"
					v-for="(item,index) in 4" :key="index">
					<view class=" flex justify-center align-center" style="width: 5%;line-height: 70rpx;">
						<label>
							<checkbox color="#fc7c08" value="cb" />
						</label>
					</view>
					<view class="flex align-center justify-center" style="width: 20%;line-height: 70rpx;">
						<view class="flex justify-center">
							{{index+1}}
						</view>
					</view>
					<view class="flex align-center justify-center" style="width: 20%;line-height: 70rpx;">
						<view class="flex justify-center text-orange">
							<text class="hover">标准销售合同</text>
						</view>
					</view>
					<view class="flex align-center justify-center" style="width: 15%;line-height: 70rpx;">
						<text>销售</text>
					</view>
					<view class="flex align-center justify-center" style="width: 20%;line-height: 70rpx;">
						<text>2018-08-10</text>
					</view>
					<view class="flex align-center justify-center" style="width: 20%;line-height: 70rpx;">
						<text class="text-orange">默认销售委托模板</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 新增合同模板 -->
		<view class="bg-white p-4" v-else-if="Auctionsales">
			<view class="flex flex-column p-4" style="width: 2000rpx;background-color: rgb(249,249,249);">
				<text class="font-lg">合同模板名称</text>
				<view class="p-2 mt-2" style="border: 6rpx solid #eee;border-radius: 10rpx;">
					<input type="text" placeholder="请输入合同模板名称">
				</view>
			</view>
			<!-- 合同内容 -->
			<view class="flex flex-column">
				<text class="font-lg font-weight-bold text-center">竞价销售交易合同</text>
				<view class="">
					<view class="flex align-center justify-between">
						<view class="">
							<text>卖方:</text>
							<input type="text">
						</view>
						<view class="">
							<text>合同编号:</text>
							<input type="text">
						</view>
					</view>
					<view class="flex align-center justify-between">
						<view class="">
							<text>买方:</text>
							<input type="text">
						</view>
						<view class="">
							<text>签订地点:</text>
							<input type="text">
						</view>
					</view>
					<view class="">
						<text>
							买卖双方根据《中华人民共和国合同法》、《______竞价交易细则》及当期的竞价交易公告，就双方通过本平台进行交易而达成的合意，签订本合同，双方应恪守本合同约定。本平台作为第三方为买卖双方履行本合同提供合同交收、结算及商务处理等服务</text>
					</view>
					<view class="">
						<!-- 第一条 -->
						<view class="flex justify-between py-3" style="width: 400rpx;">
							<text class="font-weight-bold font-lg">第一条</text>
							<text class="font-lg">成交标的:</text>
						</view>
						<view class="flex flex-column align-center">
							<view class="px-2 flex flex-column"
								style="border: 4rpx solid #eee;width: 1600rpx;">
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee; width: 400rpx;height: 100rpx;">
										<text>标的号</text>
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<text>数量</text>
									</view>
									<view class="flex align-center justify-center"
										style="width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee; width: 400rpx;height: 100rpx;">
										<text>品种</text>
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<text>等级</text>
									</view>
									<view class="flex align-center justify-center"
										style="width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee; width: 400rpx;height: 100rpx;">
										<text>生产年份</text>
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<text>单价(含税/非含税)</text>
									</view>
									<view class="flex align-center justify-center"
										style="width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 200rpx;">
										<text>总金额</text>
									</view>
									<view class="flex flex-column"
										style="flex: 1;height: 200rpx;">
										<view class="flex align-center" style="height: 50%;border-bottom: 4rpx solid #eee;">
											<text class="pl-2">小写:</text>
											<input type="text">
											<view class="flex-1"  style="text-align: right;">
												<text>（含税/非含税）</text>
											</view>
										</view>
										<view class="flex align-center" style="height: 50%;">
											<text class="pl-2">大写:</text>
											<input type="text">
											<view class="flex-1"  style="text-align: right;">
												<text>（含税/非含税）</text>
											</view>
										</view>
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 100rpx;">
										<text>产地</text>
									</view>
									<view class="flex align-center"
										style="flex: 1;height: 100rpx;">
										<view class="flex align-center">
											<input type="text">
										</view>
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 100rpx;">
										<text>价格类型</text>
									</view>
									<view class="flex align-center"
										style="flex: 1;height: 100rpx;">
										<view class="flex align-center">
											<input type="text">
										</view>
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 100rpx;">
										<text>交货地点</text>
									</view>
									<view class="flex align-center"
										style="flex: 1;height: 100rpx;">
										<view class="flex align-center">
											<input type="text">
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 第二条 -->
						<view class="flex justify-between py-3" style="width: 1100rpx;">
							<text class="font-weight-bold font-lg">第二条</text>
							<text class="font-lg">质量标准：</text>
							<text>（根据委托书所填的质量信息自动抓取）</text>
						</view>
						<!-- 第三条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第三条</text>
								<text class="font-lg">保证金：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">买卖双方交易时，按照</text> <input style="width: 100rpx;" type="text">
									<text style="display: block;white-space: nowrap;">/吨缴纳交易保证金</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元；（合同成交后之日起</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">个工作日内），按照</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元/吨缴纳履约保证金</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元。买方支付的履约保证金</text> <input style="width: 50rpx;" type="text">
									<text>分批冲抵货款。</text>
								</view>
							</view>
						</view>
						<!-- 第四条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第四条</text>
								<text class="font-lg">货款支付：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">买方应在合同生效之日起</text> <input style="width: 100rpx;" type="text">
									<text>日内按照《竞价交易细则》或当期交易公告规定一次或分批支付货款并按照《竞价交易细则》规定发起交收申请。</text>
								</view>
							</view>
						</view>
						<!-- 第五条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第五条</text>
								<text class="font-lg">货物交付：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">卖方在合同生效之日起</text> <input style="width: 100rpx;" type="text">
									<text>日内向买方交付合同项下全部货物。</text>
								</view>
							</view>
						</view>
						<!-- 第六条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第六条</text>
								<text class="font-lg">手续费：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">合同签订后，买方应按合同金额的</text> <input style="width: 100rpx;" type="text">%
									<text style="display: block;white-space: nowrap;">向本平台缴纳交易手续费</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元,卖方应按合同金额的</text> <input style="width: 50rpx;" type="text">%
									<text style="display: block;white-space: nowrap;">向本平台缴纳交易手续费</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元/交易手续费由粮达网从双方预交的交易保证金中直接扣除</text>
									<text>分批冲抵货款。</text>
								</view>
							</view>
						</view>
					    <!-- 第六条之后 -->
						<view class="">
							<view class="flex justify-between align-center py-3" v-for="(item,index) in 3" :key="index">
								<view class="flex justify-between align-center" style="width: 450rpx;">
									<text class="font-weight-bold font-lg">第七条</text>
									<view class="flex align-center justify-center p-2" style="border: 4rpx solid #fc7c08;width: 250rpx;height: 60rpx;">
										<input type="text" value="货物验收办法：">
									</view>
								</view>
								<view class="flex  align-center justify-center p-2" style="border: 4rpx solid #fc7c08;width: 1450rpx;height: 160rpx;">
									<textarea style="height: 100%;" value="数量以合同为依据，以卖方交货仓库计量衡器数为准。卖方实际交收数量在合同数量±5%以内属许可误差范围，若超过此许可范围的，买方有权拒收或追究卖方相应责任。" class="w-100"  name="111" id="" cols="30" rows="10"></textarea>
								</view>
								<text class="text-orange">删除</text>
							</view>
						</view>
					    <!-- 第十条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十条</text>
								<text class="font-lg">违约责任：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">若发生违约情形，双方按照《</text> <input style="width: 100rpx;" type="text">
									<text>竞价交易细则》及当期交易公告相关规定执行。</text>
								</view>
							</view>
						</view>
						<!-- 第十一条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十一条</text>
								<text class="font-lg"></text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">《</text> <input style="width: 100rpx;" type="text">
									<text>竞价交易细则》、当期交易公告均是本合同组成部分。本合同未约定的按照《</text><input style="width: 100rpx;" type="text">竞价
									<text>交易细则》、当期交易公告执行。</text>
								</view>
							</view>
						</view>
						<!-- 第十二条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十二条</text>
								<text class="font-lg">备注：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<input style="width: 100rpx;" type="text">
								</view>
							</view>
						</view>
						<!-- 第十三条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十三条</text>
								<text class="font-lg"></text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text>本合同一式叁份,买卖双方各执壹份，本平台留存一份，均具有同等法律效力。</text>
								</view>
							</view>
						</view>
						<!-- 买方名称 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">卖方名称:</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">买方名称:</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">地址：</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">地址：</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">法定代表人/委托代理人：</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">法定代表人/委托代理人：</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">联系电话：</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">联系电话：</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
							</view>
							<view class="flex" style="width: 600rpx;">
								<text class=" font-lg">合同签订日期：</text>
								<view class="flex" style="width: 50%;">
									<input type="text">年<input type="text">月<input type="text">日
								</view>
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 500rpx;">
							</view>
							<view class="flex justify-between" style="width: 400rpx;">
								<view class="bg-orange text-white p-2 px-5 flex align-center justify-center">
									<text>保存</text>
								</view>
								<view class="bg-orange text-white p-2 px-5 flex align-center justify-center">
									<text>预览</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bg-white p-4" v-else-if="Auctionprocurement">
			<view class="flex flex-column p-4" style="width: 2000rpx;background-color: rgb(249,249,249);">
				<text class="font-lg">合同模板名称</text>
				<view class="p-2 mt-2" style="border: 6rpx solid #eee;border-radius: 10rpx;">
					<input type="text" placeholder="请输入合同模板名称">
				</view>
			</view>
			<!-- 合同内容 -->
			<view class="flex flex-column">
				<text class="font-lg font-weight-bold text-center">竞价采购交易合同</text>
				<view class="">
					<view class="flex align-center justify-between">
						<view class="">
							<text>卖方:</text>
							<input type="text">
						</view>
						<view class="">
							<text>合同编号:</text>
							<input type="text">
						</view>
					</view>
					<view class="flex align-center justify-between">
						<view class="">
							<text>买方:</text>
							<input type="text">
						</view>
						<view class="">
							<text>签订地点:</text>
							<input type="text">
						</view>
					</view>
					<view class="">
						<text>
							买卖双方根据《中华人民共和国合同法》、《______竞价交易细则》及当期的竞价交易公告，就双方通过本平台进行交易而达成的合意，签订本合同，双方应恪守本合同约定。本平台作为第三方为买卖双方履行本合同提供合同交收、结算及商务处理等服务</text>
					</view>
					<view class="">
						<!-- 第一条 -->
						<view class="flex justify-between py-3" style="width: 400rpx;">
							<text class="font-weight-bold font-lg">第一条</text>
							<text class="font-lg">成交标的:</text>
						</view>
						<view class="flex flex-column align-center">
							<view class="px-2 flex flex-column"
								style="border: 4rpx solid #eee;width: 1600rpx;">
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee; width: 400rpx;height: 100rpx;">
										<text>标的号</text>
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<text>数量</text>
									</view>
									<view class="flex align-center justify-center"
										style="width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee; width: 400rpx;height: 100rpx;">
										<text>品种</text>
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<text>等级</text>
									</view>
									<view class="flex align-center justify-center"
										style="width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee; width: 400rpx;height: 100rpx;">
										<text>生产年份</text>
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
									<view class="flex align-center justify-center"
										style="border-right: 4rpx solid #eee;width: 400rpx;height: 100rpx;">
										<text>单价(含税/非含税)</text>
									</view>
									<view class="flex align-center justify-center"
										style="width: 400rpx;height: 100rpx;">
										<input type="text">
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 200rpx;">
										<text>总金额</text>
									</view>
									<view class="flex flex-column"
										style="flex: 1;height: 200rpx;">
										<view class="flex align-center" style="height: 50%;border-bottom: 4rpx solid #eee;">
											<text class="pl-2">小写:</text>
											<input type="text">
											<view class="flex-1"  style="text-align: right;">
												<text>（含税/非含税）</text>
											</view>
										</view>
										<view class="flex align-center" style="height: 50%;">
											<text class="pl-2">大写:</text>
											<input type="text">
											<view class="flex-1"  style="text-align: right;">
												<text>（含税/非含税）</text>
											</view>
										</view>
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 100rpx;">
										<text>产地</text>
									</view>
									<view class="flex align-center"
										style="flex: 1;height: 100rpx;">
										<view class="flex align-center">
											<input type="text">
										</view>
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 100rpx;">
										<text>价格类型</text>
									</view>
									<view class="flex align-center"
										style="flex: 1;height: 100rpx;">
										<view class="flex align-center">
											<input type="text">
										</view>
									</view>
								</view>
								<view class="flex" style="border-bottom: 4rpx solid #eee;">
									<view class="flex align-center justify-center"
										style="width: 400rpx; border-right: 4rpx solid #eee; height: 100rpx;">
										<text>交货地点</text>
									</view>
									<view class="flex align-center"
										style="flex: 1;height: 100rpx;">
										<view class="flex align-center">
											<input type="text">
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 第二条 -->
						<view class="flex justify-between py-3" style="width: 1100rpx;">
							<text class="font-weight-bold font-lg">第二条</text>
							<text class="font-lg">质量标准：</text>
							<text>（根据委托书所填的质量信息自动抓取）</text>
						</view>
						<!-- 第三条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第三条</text>
								<text class="font-lg">保证金：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">买卖双方交易时，按照</text> <input style="width: 100rpx;" type="text">
									<text style="display: block;white-space: nowrap;">/吨缴纳交易保证金</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元；（合同成交后之日起</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">个工作日内），按照</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元/吨缴纳履约保证金</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元。买方支付的履约保证金</text> <input style="width: 50rpx;" type="text">
									<text>分批冲抵货款。</text>
								</view>
							</view>
						</view>
						<!-- 第四条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第四条</text>
								<text class="font-lg">货款支付：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">买方应在合同生效之日起</text> <input style="width: 100rpx;" type="text">
									<text>日内按照《竞价交易细则》或当期交易公告规定一次或分批支付货款并按照《竞价交易细则》规定发起交收申请。</text>
								</view>
							</view>
						</view>
						<!-- 第五条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第五条</text>
								<text class="font-lg">货物交付：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">卖方在合同生效之日起</text> <input style="width: 100rpx;" type="text">
									<text>日内向买方交付合同项下全部货物。</text>
								</view>
							</view>
						</view>
						<!-- 第六条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第六条</text>
								<text class="font-lg">手续费：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">合同签订后，买方应按合同金额的</text> <input style="width: 100rpx;" type="text">%
									<text style="display: block;white-space: nowrap;">向本平台缴纳交易手续费</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元,卖方应按合同金额的</text> <input style="width: 50rpx;" type="text">%
									<text style="display: block;white-space: nowrap;">向本平台缴纳交易手续费</text> <input style="width: 50rpx;" type="text">
									<text style="display: block;white-space: nowrap;">元/交易手续费由粮达网从双方预交的交易保证金中直接扣除</text>
									<text>分批冲抵货款。</text>
								</view>
							</view>
						</view>
					    <!-- 第六条之后 -->
						<view class="">
							<view class="flex justify-between align-center py-3" v-for="(item,index) in 3" :key="index">
								<view class="flex justify-between align-center" style="width: 450rpx;">
									<text class="font-weight-bold font-lg">第七条</text>
									<view class="flex align-center justify-center p-2" style="border: 4rpx solid #fc7c08;width: 250rpx;height: 60rpx;">
										<input type="text" value="货物验收办法：">
									</view>
								</view>
								<view class="flex  align-center justify-center p-2" style="border: 4rpx solid #fc7c08;width: 1450rpx;height: 160rpx;">
									<textarea style="height: 100%;" value="数量以合同为依据，以卖方交货仓库计量衡器数为准。卖方实际交收数量在合同数量±5%以内属许可误差范围，若超过此许可范围的，买方有权拒收或追究卖方相应责任。" class="w-100"  name="111" id="" cols="30" rows="10"></textarea>
								</view>
								<text class="text-orange">删除</text>
							</view>
						</view>
					    <!-- 第十条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十条</text>
								<text class="font-lg">违约责任：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">若发生违约情形，双方按照《</text> <input style="width: 100rpx;" type="text">
									<text>竞价交易细则》及当期交易公告相关规定执行。</text>
								</view>
							</view>
						</view>
						<!-- 第十一条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十一条</text>
								<text class="font-lg"></text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text style="display: block;white-space: nowrap;">《</text> <input style="width: 100rpx;" type="text">
									<text>竞价交易细则》、当期交易公告均是本合同组成部分。本合同未约定的按照《</text><input style="width: 100rpx;" type="text">竞价
									<text>交易细则》、当期交易公告执行。</text>
								</view>
							</view>
						</view>
						<!-- 第十二条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十二条</text>
								<text class="font-lg">备注：</text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<input style="width: 100rpx;" type="text">
								</view>
							</view>
						</view>
						<!-- 第十三条 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 400rpx;">
								<text class="font-weight-bold font-lg">第十三条</text>
								<text class="font-lg"></text>
							</view>
							<view class="" style="width: 1600rpx;">
								<view class="flex" style="flex-wrap: wrap;">
									<text>本合同一式叁份,买卖双方各执壹份，本平台留存一份，均具有同等法律效力。</text>
								</view>
							</view>
						</view>
						<!-- 买方名称 -->
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">卖方名称:</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">买方名称:</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">地址：</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">地址：</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">法定代表人/委托代理人：</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">法定代表人/委托代理人：</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">联系电话：</text>
								<input type="text">
							</view>
							<view class="flex justify-between" style="width: 600rpx;">
								<text class=" font-lg">联系电话：</text>
								<input type="text">
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 600rpx;">
							</view>
							<view class="flex" style="width: 600rpx;">
								<text class=" font-lg">合同签订日期：</text>
								<view class="flex" style="width: 50%;">
									<input type="text">年<input type="text">月<input type="text">日
								</view>
							</view>
						</view>
						<view class="flex justify-between py-3">
							<view class="flex justify-between" style="width: 500rpx;">
							</view>
							<view class="flex justify-between" style="width: 400rpx;">
								<view class="bg-orange text-white p-2 px-5 flex align-center justify-center">
									<text>保存</text>
								</view>
								<view class="bg-orange text-white p-2 px-5 flex align-center justify-center">
									<text>预览</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "ContractTemplates",
		data() {
			return {
				valiFormData: {
					name: '',
					age: '',
					introduction: '',
					single: '',
				},
				Auctionsales:false,
				ContractTemplates:true,
				Auctionprocurement:false,
				range: [{
						value: 0,
						text: "全部"
					},
					{
						value: 1,
						text: "采购"
					},
					{
						value: 2,
						text: "销售"
					},],
				Selectvalue: '',
				rules: {
					name: {
						rules: [{
							required: true,
							errorMessage: '姓名不能为空'
						}]
					},
					age: {
						rules: [{
							required: true,
							errorMessage: '年龄不能为空'
						}, {
							format: 'number',
							errorMessage: '年龄只能输入数字'
						}]
					}
				},
			};
		},
		mounted() {
		},
		methods: {
			change(e) {
				console.log(e)
			},
			addAuctionsales() {
				this.ContractTemplates = false
				this.Auctionsales = true
			},
			addAuctionprocurement() {
				this.ContractTemplates = false
				this.Auctionprocurement = true
			},
			pay() {
				const header = {
					'Content-Type': 'application/x-www-form-urlencoded',
				};
				uni.request({
					url: 'https://3451m7y168.goho.co/sv/ajaxtest',
					header: header,
					data:  {
						A: '1',
					},
					method: 'POST',
					success: (res) => {
						// 处理登录成功的逻辑
						console.log(res);
				
					},
					fail: (err) => {
						// 处理登录失败的逻辑
						console.error(err);
					},
				});
			}
		}
	}
</script>

<style lang="scss">
	.hover {
		:hover {
			text-decoration: underline;
			cursor: pointer;
		}
	}
</style>